<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>浏览结果</title>
    <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<div class="layui-container" style="width: 800px;float: left">
    <table class="layui-hide" id="demo" lay-filter="test"></table>
</div>
<script src="layui/layui.js"></script>
<script>
    layui.use(function(){
        var layer = layui.layer
            ,form = layui.form
            ,$ = layui.$
            ,table = layui.table
            ,laypage = layui.laypage
            ,element = layui.element
            ,laydate = layui.laydate
            ,util = layui.util;
        //执行一个 table 实例
        table.render({
            elem: '#demo'
            ,height: 'full-20'
            ,url: '/getFileList' //数据接口
            ,title: '文件列表'
            ,method:'post'
            ,page: false //开启分页
            ,toolbar: false //开启工具栏
            ,totalRow: false //开启合计行
            ,cols: [
                [
                    {field: 'name', title: '名称', sort: true}
                    ,{field: 'time',title: '修改时间',width:150}
                    ,{field: 'size',title: '大小',width:150}
                ]
            ],
            done: function (res, curr, count) {
                $('body').on("mouseenter",".layui-table-body tr",function () {
                    $(this).siblings().find("div").css("color","#666");
                    $(this).find("div").css("color","#d84dff");
                })
            }
        });
    });
</script>

</body>
</html>